<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>app</title>

    <!-- 重置样式 -->
    <link rel="stylesheet/less" href="css/reset.less">

    <!-- 公共样式 -->
    <link rel="stylesheet/less" href="css/common.less">

    <!-- 首页的样式 -->
    <link rel="stylesheet/less" href="css/index.less">
    
</head>
<body>
    <header>
        <div class="search">
            <img src="images/search.png" alt="">
            <input type="text" placeholder="搜索内容">
        </div>
    </header>
    <div class="cate">
        <div class="item">
            <img src="images/甜的_03.png" alt="">
            <div class="title">甜的</div>
        </div>
        <div class="item">
            <img src="images/牛奶_03.png" alt="">
            <div class="title">牛奶</div>
        </div>
        <div class="item">
            <img src="images/蔬菜_03.png" alt="">
            <div class="title">蔬菜</div>
        </div>
        <div class="item">
            <img src="images/茶_07.png" alt="">
            <div class="title">茶</div>
        </div>
        <div class="item">
            <img src="images/快餐_07.png" alt="">
            <div class="title">快餐</div>
        </div>
        <div class="item">
            <img src="images/饮料_07.png" alt="">
            <div class="title">饮料</div>
        </div>
        <div class="item">
            <img src="images/海鲜_07.png" alt="">
            <div class="title">海鲜</div>
        </div>
        <div class="item">
            <img src="images/cate_1.png" alt="">
            <div class="title">美食</div>
        </div>
    </div>
    <div class="banner">
        <img src="images/banner.png" alt="">
    </div>
    <div class="cate-title">
        <span>美食</span>
        <span>更多>></span>
    </div>
    <div class="list">
        <div class="item">
            <img src="images/美味蔬果拼盘_07.png" alt="">
            <div class="title">
                美味蔬果拼盘
            </div>
            <div class="price">￥ 288</div>
            <div class="num">3524人已买</div>
        </div>
        <div class="item">
            <img src="images/部队火锅双人餐_07.png" alt="">
            <div class="title">
                部队火锅双人餐
            </div>
            <div class="price">￥ 288</div>
            <div class="num">3524人已买</div>
        </div>
        <div class="item">
            <img src="images/美味蔬果拼盘_07.png" alt="">
            <div class="title">
                美味蔬果拼盘
            </div>
            <div class="price">￥ 288</div>
            <div class="num">3524人已买</div>
        </div>
        <div class="item">
            <img src="images/部队火锅双人餐_07.png" alt="">
            <div class="title">
                部队火锅双人餐
            </div>
            <div class="price">￥ 288</div>
            <div class="num">3524人已买</div>
        </div>
        <div class="item">
            <img src="images/美味蔬果拼盘_07.png" alt="">
            <div class="title">
                美味蔬果拼盘
            </div>
            <div class="price">￥ 288</div>
            <div class="num">3524人已买</div>
        </div>
        <div class="item">
            <img src="images/部队火锅双人餐_07.png" alt="">
            <div class="title">
                部队火锅双人餐
            </div>
            <div class="price">￥ 288</div>
            <div class="num">3524人已买</div>
        </div>
    </div>
    <nav>
        <ul>
            <li>
                <a href="#">
                    <img src="images/主页_11.png" alt="">
                    <div>主页</div>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="images/店铺_11.png" alt="">
                    <div>店铺</div>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="images/订单_11.png" alt="">
                    <div>订单</div>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="images/我的_11.png" alt="">
                    <div>我的</div>
                </a>
            </li>
        </ul>
    </nav>
</body>
</html>
<script src="js/common.js"></script>
<script src="js/less.min.js"></script>